﻿
.k-tabstrip {
    border-width: 0;
    border-color: transparent;
    box-sizing: border-box;
    outline: 0;
    line-height: var(--kendo-line-height, normal);
    color: inherit;
    background-color: transparent;
    display: flex;
    flex-flow: column nowrap;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-tabstrip-items .k-link {
    padding-left: 3vh;
    padding-right: 3vh;
}
.k-tabstrip-items {
    box-sizing: border-box;
    outline: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 1 auto;
    gap: 1vh;
}

    .k-tabstrip-items .k-link {
        padding-block: 0.5rem;
        padding-inline: 1rem;
        /* color: #555;*/
        font-weight: bold;
        cursor: pointer;
        display: inline-flex;
        vertical-align: middle;
        flex: 1 1 auto;
        flex-direction: row;
        align-content: center;
        align-items: center;
        gap: 0.6vh;
    }

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-radius: var(--kendo-spacing-4, 0.25rem);
    border-bottom-width: 1px;
    border-color: #201d1d73;
    background-color: #ffff !important;
}

.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
    /*    border-color: var(--kendo-color-border, rgba(33, 37, 41, 0.13));
    color: var(--kendo-color-on-app-surface, #333333);
    background-color: var(--kendo-color-surface-alt, #ffffff);*/
    background-color: #ffffff !important;
}

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
    /*box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--kendo-color-on-app-surface, #333333) 15%, transparent);*/
}
.k-grid .k-dirty {
    border-width: 5px;
    border-color: red transparent transparent red;
    inset-inline-start: 0;
    inset-inline-end: auto;
}
.k-tabstrip-items-wrapper .k-item.k-active .k-image {
   /*filter: invert(1);*/
   filter:brightness(500%);
}

.k-tabstrip-items .k-link {
    padding-left: 3vh;
    padding-right: 3vh;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active:before {
    content: "";
    position: absolute;
    top: -1vh;
    left: 30%;
    transform: translateY(-50%);
    width: 40%;
    height: 0.5vh;
    background-color: #28A745;
    border-radius: 5vh;
}

.k-tabstrip-items-wrapper {
    background-color: transparent;
}
